<!-- intestazione uguale per tutti -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
        <title>Login</title>
        
    <!-- Le styles -->
    <link href="styles/style.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 30px;
        padding-bottom: 30px;
        background: #ffffff;
      }
    </style>
  </head>
  <!-- fine intestazione - inizio pagina -->
  
  <body>
      <div class="container-fluid-small">
            <div class="row-fluid">
                <form action="Login" method="post">

                  <div>
                    <h1>Login</h1>
                    <p>
                        <small>Username</small><br>
                        <input type="text" name="username" />
                        <br>
                        <small>Password</small><br>
                        <input type="password" name="password" />
                        <br>
                        <br>
                        <label class="radio">
                            <input type="radio" name="type" id="optionsRadios1" value="patients" checked>
                            <small>Patient</small>
                        </label>
                        <label class="radio">
                            <input type="radio" name="type" id="optionsRadios2" value="doctors">
                            <small>Doctor</small>
                        </label>
                    </p>
                    <br>
                    <p>
                        <button class="btn btn-primary" type="submit">Login</button>
                    </p>
                  </div>

                </form>
            </div>
      </div>
  </body>
</html>